<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta content='注册用户 - 码云 Gitee.com' itemprop='name' property='og:title'>
    <title>注册用户 - 码云 Gitee.com</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./style/style.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="header-container">
                <div class="logo">
                    <a href=""><img src="./img/logo.svg" height="24" alt=""></a>
                </div>
                <ul class="logo-menu">
                    <li><a href="">开源软件</a></li>
                    <li>
                        <a href="">企业版</a><span class="favorable">特惠</span>
                    </li>
                    <li>
                        <a href="">高校版</a>
                    </li>
                    <li><a href="">博客</a></li>
                </ul>
                <div class="user-search">
                    <form action="">
                        <input type="text" placeholder="搜索项目、代码片段...">
                    </form>
                    <a href="">注册</a>
                    <a href="">登录</a>
                </div>
            </div>
        </div>

        <div class="body">
            <div class="main">
                <div class="login-form">
                    <div class="login-form-head">
                        <span class="title">注册</span>
                        <span class="reg">已有账号?<a href="http://">登录</a></span>
                    </div>
                    <form action="" id="form">
                        <div class="form-group">
                            <div class="form-control">
                                <label for="">邮箱</label>
                                <input type="text" name="email" placeholder="请输入工作邮箱" class="user-email">
                            </div>
                            <div class="form-control">
                                <label for="">验证码</label>
                                <input type="text" name="verify-code" class="verify-code">
                                <div class="verify-img">
                                    <img height="38" width="135" src="./img/img.gif" alt="" srcset="">
                                </div>
                            </div>
                            <div class="form-control">
                                <label for="">邮箱验证</label>
                                <input type="text" name="email-code" placeholder="请输入邮箱验证码" class="email-code">
                                <div id="sendmail" class="email-btn">获取验证码</div>
                                <span class="recive-email"><a href="">收不到邮件?</a></span>
                            </div>
                            <div class="form-control">
                                <label for="">姓名</label>
                                <input type="text" name="user-name" class="user-name">
                            </div>
                            <div class="form-control">
                                <label for="">个性域名</label>
                                <div class="domain">
                                    <p class="domain-text">https://gitee.com/</p>
                                    <input type="text" name="domain" class="domain-input">
                                </div>
                                <span class="help" id="help-icon"></span>
                                <div class="help-content" id="help">
                                    <ul>
                                        <li>个人主页的地址，个性域名只可更改一次</li>
                                        <li>个性域名 是用户在码云上的唯一标识，在开通码云帐号时填写</li>
                                        <li>您可以将个性域名分享给朋友，让他们通过你的个性域名访问你的码云主页</li>
                                        <li>每个帐号只能对应一个个性域名，建议您在注册时为您的码云帐号精心起一个好名字</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="form-control">
                                <label for="">密码</label>
                                <input type="password" placeholder="密码不少于6位" name="password" class="password">
                                <span id="eye" class="hide"></span>
                            </div>
                            <div class="form-control">
                                <label for="check" class=""></label>
                                <input type="checkbox" name="register" class="" id="check">
                                <span class="register">已阅读并同意<a href="./">使用条款</a>以及<a href="./">非活跃帐号处理规范</a></span>
                            </div>
                            <div class="form-control">
                                <label for="" class=""></label>
                                <input type="submit" name="submit" value="注 册" class="" id="register">
                            </div>
                            <div class="form-control oschina">
                                <div class="oschina-logo">
                                    <a href="">使用OSChina帐号登录</a>
                                </div>
                            </div>
                            <div class="form-control other-method">
                                <div class="other-method-title">
                                    <span class="left"></span>
                                    <span class="right"></span>
                                    <span>其他登录方式</span>
                                </div>
                                <div class="other-method-logo">
                                    <a href="" class="platform-logo aliyun"></a>
                                    <a href="" class="platform-logo github"></a>
                                    <a href="" class="platform-logo weibo"></a>
                                    <a href="" class="platform-logo qq"></a>
                                    <a href="" class="platform-logo windows"></a>
                                    <a href="" class="platform-logo csdn"></a>
                                    <a href="" class="platform-logo wechat"></a>
                                    <a href="" class="platform-logo ding"></a>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="ads">
                    <div class="ads-head">尝试码云企业版？</div>
                    <ul class="feature">
                        <li>不止更多成员、更高配额</li>
                        <li>灵活支撑协作研发、代码交付、IT 教育培训等场景代码托管需求</li>
                    </ul>
                    <div class="ads-head">他们都在用</div>
                    <ul class="user-logo">
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                        <li><img height="30" width="90" src="https://gitee.com/enterprise_cases/zsyh.png" alt=""></li>
                    </ul>
                    <div class="ads-head">了解更多</div>
                    <p><a href="">企业版介绍</a></p>
                    <p><a href="">社区版与企业版功能对比</a></p>
                </div>
            </div>
        </div>
        <footer class="footer">
            <div class="foot-menu">
                <div class="foot-menu-title">
                    <a href="">&copy;Gitee.com</a>
                </div>
                <div class="foot-menu-main">
                    <ul class="column">
                        <li><a href="">关于我们</a></li>
                        <li><a href="">使用条款</a></li>
                        <li><a href="">意见建议</a></li>
                        <li><a href="">合作伙伴</a></li>
                    </ul>
                    <ul class="column">
                        <li><a href="">OpenAPI</a></li>
                        <li><a href="">Git 大全</a></li>
                        <li><a href="">代码克隆检测</a></li>
                        <li><a href="">APP与插件下载</a></li>
                    </ul>
                    <ul class="column">
                        <li><a href="">帮助文档</a></li>
                        <li><a href="">更新日志</a></li>
                        <li><a href="">代码片段</a></li>
                        <li><a href="">码云封面人物</a></li>
                    </ul>
                    <ul class="column">
                        <li><a href="">官方技术支持QQ群：515965326</a></li>
                        <li><a href="">git@oschina.cn 码云Gitee</a></li>
                        <li><a href="">企业版售前及售后使用咨询：400-606-0201</a></li>
                    </ul>
                    <div class="column">
                        <img src="./img/code.jpg" width="80" alt="">
                        <p>&nbsp;微信服务号</p>
                    </div>
                </div>
            </div>
            <div class="footer-bar">
                <span>本站带宽由</span>
                <a href=""><img src="./img/51idc.png" alt=""></a>
                <span>提供</span>
                <p class="copy-right">
                    粤ICP备12009483号-8 深圳市奥思网络科技有限公司版权所有
                    <a href="">简 体 / </a>
                    <a href="">繁 體 / </a>
                    <a href="">English</a>
                </p>
            </div>
        </footer>
    </div>
    <div class="side-icon">
        <div class="help-icon"></div>
        <div class="share-icon"></div>
        <div class="top-icon"></div>
    </div>
</body>
<script src="./script/index.js"></script>

</html>